@charset "utf-8";

.header_lo {clear:both; overflow:hidden; width:1000px; height:88px; margin:0 auto 0;}
.header_lo .logo {margin-top:12px; padding-left:28px; float:left;}
.header_lo .txt { float:left;margin-top:35px; margin-left:20px; padding-left:20px; height:22px; line-height:22px;font-size:20px; color:#5c6066; font-weight:bold; border-left:1px solid #d9d9d9;}

.header_reg {clear:both; overflow:hidden; width:100%; text-align:center; border-top:5px solid #1071bc;}
.header_reg .logo {margin-top:35px; padding-bottom:40px;}

.login_wrap {clear:both; overflow:hidden; width:100%;  margin:0 auto 0; }
.login_box {clear:both; overflow:hidden; width:1000px;  margin:0 auto 0; }
.login_box .login_pic { float:left; width:624px; margin:0;}
.login_box .login_pic img { display:block; margin:0 auto 0;}
.login_box .login_form { float:right; width:354px; background:#ffffff; margin:10px 0 0; padding-bottom:40px; border:1px solid #bcbcc4;font-size:14px;}
.login_box .login_form .tit { width:90%;border-bottom:1px solid #eeeeee; clear:both; margin:10px auto 0; height:50px; line-height:50px;}
.login_box .login_form .tit .t_name { float:left; font-size:18px; color:#00bcff; }
.login_box .login_form .tit .t_txt { float:right; color:#a6a5a5; }
.login_box .login_form .tit .t_txt a {color:#00bcff; text-decoration:underline;}
.login_box .login_form .tit .t_txt a:hover {color:#c90202; }
.login_box .login_form .i1_w { clear:both; margin:20px auto 0; border:1px solid #bcbcc4;width:90%; height:44px; text-align:center;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.login_box .login_form .i2_w { clear:both; margin:20px auto 0; border:1px solid #bcbcc4;width:90%; height:44px;text-align:center;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.login_box .login_form .input { font-family:Microsoft Yahei; width:100%; border:0; outline-width:0; margin-top:13px; color:#a9a9a9; font-size:14px; text-indent:10px;}
.login_box .login_form .about { clear:both; width:90%;line-height:18px; margin:18px auto 0; color:#8e8d8d; }
.login_box .login_form .about .zd { font-size:12px; text-align:left;color:#a6a5a5;}
.login_box .login_form .about .zd input,.login_box .login_form .about .zd span { vertical-align:middle;}
.login_box .login_form .about .zd a {color:#00bcff; text-decoration:underline;}
.login_box .login_form .about .zd a:hover {color:#c90202; }
.login_box .login_form  .wj { width:90%; text-align:right; margin:16px auto 0;}
.login_box .login_form  .wj a {color:#a6a5a5;}
.login_box .login_form  .wj a:hover {color:#00bcff;}
.login_box .login_form .line { clear:both; width:90%; margin:20px auto 0; }
.login_box .login_form .i3_w { margin:0 116px 0 0; border:1px solid #bcbcc4;height:45px;text-align:center;-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-bottomleft:6px;
border-top-left-radius:6px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:6px;}
.login_box .login_form .input_3 { font-family:Microsoft Yahei; width:100%; border:0; outline-width:0; margin:13px 0 0; color:#a9a9a9; font-size:14px;text-indent:10px;}
.login_box .login_form .btn_hq { float:right; height:45px; line-height:45px; width:115px; background:#f4f4f4;border:1px solid #bcbcc4; clear:#333333;-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-bottomleft:0px;
border-top-left-radius:0px;
border-top-right-radius:6px;
border-bottom-right-radius:6px; overflow:hidden;}
.login_box .login_form .btn_hq:hover { color:#ff3300;}
.login_box .login_form .btn_w { clear:both; margin:12px auto 0;width:90%;}
.login_box .login_form .btn { cursor:pointer;font-family:Microsoft Yahei; margin:0 auto 0; padding:0; border:0; outline-width:0; width:100%;  background:#06b5ff; height:45px; line-height:45px; font-size:18px; color:#ffffff;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.login_box .login_form .btn:hover { background:#31c0fc;}

.reg_box_w { width:100%; min-width:478px; margin:0 auto 0; padding-bottom:330px; background:url(images/reg_pic.jpg) center bottom no-repeat}
.reg_box {clear:both; overflow:hidden; width:478px;  margin:0 auto 0; border:1px solid #bcbcc3; padding-bottom:45px; background:#ffffff; }
.reg_box .tit {margin:22px auto 0; font-size:28px; color:#30befb;line-height:36px; text-align: center}
.reg_box .reg_form {}
.reg_box .reg_form .line { clear:both; width:70%; margin:20px auto 0; }
.reg_box .reg_form .i1_w { clear:both; margin:20px auto 0; border:1px solid #dedede;width:70%; height:45px; text-align:center;}
.reg_box .reg_form .i2_w { clear:both; margin:20px auto 0; border:1px solid #dedede;width:70%;  height:45px;text-align:center;}
.reg_box .reg_form .i3_w { margin:0 116px 0 0; border:1px solid #dedede;height:45px;text-align:center;}
.reg_box .reg_form .btn_hq { float:right; height:45px; line-height:45px; width:115px; background:#f4f4f4;border:1px solid #dedede; clear:#333333;}
.reg_box .reg_form .btn_hq:hover { color:#ff3300;}
.reg_box .reg_form .btn_qr { float:right; height:45px; line-height:45px; width:115px; background:#06b5ff;border:1px solid #06b5ff; color:#ffffff; text-align:center; font-size:14px; cursor:pointer;}
.reg_box .reg_form .btn_qr:hover { color:#ffffff;}
.reg_box .reg_form .input { font-family:Microsoft Yahei; width:100%; border:0; outline-width:0; margin:13px auto 0; color:#a9a9a9; font-size:14px; text-indent:10px;}
.reg_box .reg_form .input_3 { font-family:Microsoft Yahei; width:100%; border:0; outline-width:0; margin:13px 0 0; color:#a9a9a9; font-size:14px;text-indent:10px;}
.reg_box .reg_form .about { clear:both; width:70%;line-height:18px; margin:18px auto 0; color:#8e8d8d; }
.reg_box .reg_form .about .zd { font-size:12px; text-align:left;color:#a6a5a5;}
.reg_box .reg_form .about .zd input,.login_box .login_form .about .zd span { vertical-align:middle;}
.reg_box .reg_form .about .zd a {color:#00bcff; text-decoration:underline;}
.reg_box .reg_form .about .zd a:hover {color:#c90202; }
.reg_box .reg_form .btn_w { clear:both; margin:12px auto 0;width:70%;}
.reg_box .reg_form .btn { cursor:pointer;font-family:Microsoft Yahei; margin:0 auto 0; padding:0; border:0; outline-width:0; width:100%;  background:#06b5ff; height:45px; line-height:45px; font-size:18px; color:#ffffff;}
.reg_box .reg_form .btn:hover { background:#31c0fc;}

.reg_box .reg_form .txt { text-align:center; font-size:14px; margin-top:20px; color:#a6a5a5; }
.reg_box .reg_form .txt a {color:#00bcff; text-decoration:underline;}
.reg_box .reg_form .txt a:hover {color:#c90202; }

.footer_lo { clear:both; margin-top:30px; min-width:1000px; background:url(images/footer_lo_bg.jpg) 0 145px repeat-x}
.footer_lo .pic { width:1000px; margin:0 auto 0;}
.footer_lo .pic img { display:block; width:100%; height:auto}
@media screen and (max-width: 750px) { 
.header_lo { width:100%;}

.login_box { width:100%; text-align:center;}
.login_box .login_pic { float:none; width:100%;}
.login_box .login_form { float:none; width:96%; margin:10px auto 0;}

.reg_box_w { background-size:100% auto; padding-bottom:200px;}

.footer_lo {min-width: inherit; background-image:none}
.footer_lo .pic { width:100%;}
}

@media screen and (max-width: 624px) {
	.login_box .login_pic img { width:100%; height:auto}
}

@media screen and (max-width: 510px) {
.reg_box_w { min-width:inherit;}
.reg_box { width:96%; margin:0 auto 0;}
}
@media screen and (max-width: 490px) {
	.reg_box_w { padding-bottom:150px;}
}

@media screen and (max-width: 400px) {
	.header_lo .logo img { width:160px;}
	.header_lo .txt { float:left;margin-top:30px; margin-left:10px; padding-left:10px; height:22px; line-height:22px;font-size:16px;
}
